<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@page isELIgnored="true" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <title>Listado de contactos</title>
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <script src="js/jquery-1.6.4.min.js"></script>
		<script src="js/jquery-template/jquery.tmpl.js" type="text/javascript"></script>
        <script src="js/gestionContacto.js"></script>
		
    </head>
    <body>
        <h1>Listado de contactos</h1>

		<div id="header">
	            <input class="boton-contactos" type="button" value="Agregar Contacto" onclick='agregarContacto()'/>
		
	            <input type="text" id="buscador-contactos"/>
	            
	            <input class="boton-contactos" type="submit" value="buscar" onclick="buscarContacto()"/>
		</div>
        
        <div id="listaContactos">
        	<center>
	            <table id="tablaDeContactos">
	              <tbody id=first>
	                <tr>
	                    <th>Nombre</th>
	                    <th>Apellido</th>
	                    <th>Empresa</th>
	                    <th>email</th>
	                </tr>
	              </tbody>
	            </table>
	         </center>
        </div>
    </body>
	
	<div id="lista">
	
	</div>
</html>




 
<script id="contactoRowTemplate" type="text/x-jquery-tmpl">
<tr>
<td>${nombre}</td><td>${apellido}</td><td>${empresa}</td><td>${email}</td>
</tr>
</script>
 
